/* eslint-disable @next/next/no-sync-scripts */
/* eslint-disable @next/next/no-page-custom-font */
/* eslint-disable no-console */
import { GoogleAnalytics } from "@next/third-parties/google";
import Head from "next/head";
import { cookies } from "next/headers";
import { notFound, redirect } from "next/navigation";

import { DomainStateEnum } from "@/@types/enums/domain-state-enum";
import { Error } from "@/app/error";
import DefaultPageByAddonds from "@/components/shared/page-wrapper/components/default-page-by-addon";
import FlightPageContent from "@/components/shared/page-wrapper/components/flight-page-content";
import HotelPageContent from "@/components/shared/page-wrapper/components/hotel-page-content";
import RentCarPageContent from "@/components/shared/page-wrapper/components/rentcar-page-content";
import TourPageContent from "@/components/shared/page-wrapper/components/tour-page-content";
import TransferPageContent from "@/components/shared/page-wrapper/components/transfer-page-content";
import PageWrapper from "@/components/shared/page-wrapper/page-wrapper";
import CmsWrapper from "@/features/cms/cms-wrapper";
import type { StrategyType } from "@/hooks/useApp";
import { getGoogleAnalyticsAddon } from "@/libs/helpers/addon-helper";
import type { IClientConfiguration } from "@/models/client-configs.model";
import { Preload } from "@/server/preload/preload";
import { getPathService } from "@/server/services/path.services";

interface AppMetaData {
  title: string;
}

const appMetaData: Record<StrategyType, AppMetaData> = {
  B2C: {
    title: "Tatil | Size Uygun tatil Seçenekleri",
  },
  Corporate: {
    title: "Jolly Kurumsal Seyahatler",
  },
  Otel: {
    title: "Otel",
  },
};

const PageContents = {
  hotel: () => <HotelPageContent />,
  flight: () => <FlightPageContent />,
  tour: () => <TourPageContent />,
  transfer: () => <TransferPageContent />,
  rentcar: () => <RentCarPageContent />,
};

interface PageWithSlugProps {
  params: { slug: string[] };
}

export default async function PageWithSlug(props: PageWithSlugProps) {
  const baseUrl = await Preload.getBaseUrl();
  let clientToken = await Preload.getClientToken(baseUrl.origin);

  if (!clientToken) {
    return <Error message="Token" />;
  }

  let clientConfig: IClientConfiguration | null =
    await Preload.getClientConfigs(baseUrl.origin, clientToken);

  if (!clientConfig) {
    await Preload.clearClientToken(baseUrl.origin);
    clientToken = await Preload.getClientToken(baseUrl.origin, true);
    clientConfig = await Preload.getClientConfigs(baseUrl.origin, clientToken);
    if (!clientConfig) {
      return <Error message="Config" />;
    }
  }

  console.log("🚀 clientConfig", JSON.stringify(clientConfig, null, 2));

  if (clientConfig.domainState === DomainStateEnum.Closed) {
    return <Error message="Domain Closed" />;
  }

  const isFeedCms = (clientConfig.domainType as StrategyType) === "B2C";

  if (isFeedCms && !props.params.slug && clientConfig.properties.mainpage) {
    return redirect(clientConfig.properties.mainpage);
  }

  const strategyKeys = await Preload.getStrategyKeys(
    baseUrl.origin,
    clientToken,
  );

  if (!strategyKeys) {
    return <Error message="Keys" />;
  }

  const appAddons = await Preload.getDomainAddons(baseUrl.origin, clientToken);
  if (!appAddons) {
    return <Error message="Addons" />;
  }

  const appData = {
    strategy: clientConfig.domainType,
  };

  const documentTitle =
    appData.strategy === "Otel"
      ? clientConfig.clientScope
      : appMetaData[clientConfig.domainType as StrategyType]?.title;

  const languages = cookies().get("lng");

  let pathValue;

  if (isFeedCms) {
    // TODO: Refactor me
    if (
      props.params.slug?.find((x) => {
        return ["null", "node_modules"].includes(x);
      })
    ) {
      return notFound();
    }

    pathValue = await getPathService({
      baseUrl: baseUrl.origin,
      path: !props.params.slug ? "" : props.params.slug?.join("/"),
      token: clientToken,
      languageCode: languages?.value ?? "tr",
    });

    if (!pathValue || !pathValue.success) {
      if (!props.params.slug) {
        return <Error message="404" />;
      }

      return notFound();
    }
  }

  const GaAddonWithKey = getGoogleAnalyticsAddon(appAddons);

  const authCookie = cookies().get("auth");
  const authTokenInfo = authCookie ? JSON.parse(authCookie.value) : null;

  const currency = cookies().get("currency");

  return (
    <>
      <head>
        <title>{documentTitle}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" href={clientConfig.favIconUrl} />
        <link
          href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500;600&family=Bitter:wght@500;600&family=Chakra+Petch:wght@500;600&family=Comfortaa:wght@500;600&family=Exo+2:wght@500;600&family=IBM+Plex+Sans:wght@500;600&family=Inter:wght@300;400;500;600;700&family=Maven+Pro:wght@500;600&family=Montserrat:wght@500;600&family=Nunito:wght@500;600&family=Quicksand:wght@500;600&display=swap"
          rel="stylesheet"
        />
        {baseUrl.host.includes("turkishairlines.jollytur.com") && (
          <script src="https://bundles.efilli.com/turkishairlines.jollytur.com.prod.js" />
        )}
        {baseUrl.host.includes("turkishairlines-strategy.gordios.ws") && (
          <script src="https://bundles.efilli.com/turkishairlines.gordios.ws.prod.js" />
        )}
        {baseUrl.host.includes("turkishairlines.gordios.ws") && (
          <script src="https://bundles.efilli.com/turkishairlines.gordios.ws.prod.js" />
        )}
        {appData.strategy !== "Corporate" && GaAddonWithKey && (
          <GoogleAnalytics gaId={GaAddonWithKey.key} />
        )}

        {isFeedCms && (
          <Head>
            {pathValue?.result?.data?.seoTitle && (
              <title>{pathValue?.result?.data?.seoTitle}</title>
            )}
            {pathValue?.result?.data?.seoDescription && (
              <meta
                name="description"
                content={pathValue?.result?.data?.seoDescription}
              />
            )}
            {pathValue?.result?.data?.seoKeyword && (
              <meta
                name="keywords"
                content={pathValue?.result?.data?.seoKeyword}
              />
            )}
            {pathValue?.result?.data?.seoTitle && (
              <meta
                property="og:title"
                content={pathValue?.result?.data?.seoTitle}
              />
            )}
            {pathValue?.result?.data?.seoDescription && (
              <meta
                property="og:description"
                content={pathValue?.result?.data?.seoDescription}
              />
            )}
            {pathValue?.result?.data?.canonicalUrl && (
              <link
                rel="canonical"
                href={pathValue?.result?.data?.canonicalUrl}
              />
            )}
            <meta charSet="UTF-8" />
          </Head>
        )}
      </head>

      <body>
        <PageWrapper
          appAddons={appAddons}
          appData={appData}
          authTokenInfo={authTokenInfo}
          clientConfig={clientConfig}
          clientToken={clientToken}
          currency={currency}
          languages={languages}
          strategyKeys={strategyKeys}
          pathValue={pathValue}
        >
          {isFeedCms ? (
            <CmsWrapper />
          ) : (
            <>
              {!props?.params?.slug && (
                <DefaultPageByAddonds appAddons={appAddons} />
              )}
              {props.params.slug?.some((slug) => slug === "hotel") &&
                PageContents.hotel()}
              {props.params.slug?.some((slug) => slug === "flight") &&
                PageContents.flight()}
              {props.params.slug?.some((slug) => slug === "tour") &&
                PageContents.tour()}
              {props.params.slug?.some((slug) => slug === "transfer") &&
                PageContents.transfer()}
              {props.params.slug?.some((slug) => slug === "rentcar") &&
                PageContents.rentcar()}
            </>
          )}
        </PageWrapper>
      </body>
    </>
  );
}